html{
    background: #f5f5f5;
    body{
        height: 0;
        section{
            .container{
                width: 850px;
                margin: 60px auto 40px;
                background: #fff;
                padding-bottom: 80px;
                .logo{
                    background: url(../img/login/nubia-logo.png)no-repeat 0 -55px;
                    width: 156px;
                    height: 55px;
                    margin: 0 auto;
                    margin-bottom: 20px;
                    position: relative;
                    top: 30px;
                }
                .loginForm{
                    width: 370px;
                    margin: auto;
                    .active{
                        color: #e8380d;
                    }
                    .navTab{
                        font-size: 18px;
                        color: #333;
                        text-align: center;
                        margin-bottom: 20px;
                        margin-top: 40px;
                        span{
                            &:first-child{
                                margin-right: 8px;
                            }
                            &:last-child{
                                margin-right: 8px;
                            }
                            &:hover{
                                cursor: pointer;
                            }
                        }
                    }
                    .navCon{
                        width: 360px;
                        margin: 0 auto;
                        .reg-id{
                            input{
                                font-size: 12px;
                                width: 100%;
                                height: 50px;
                                margin-bottom: 20px;
                                padding-left: 10px;
                                border: 1px solid #e0e4e7;
                            }
                        }
                        .reg-phone{
                            img{
                                height: 48px;
                                width: 120px;
                                vertical-align: top;
                            }
                            input{
                                font-size: 12px;
                                width: 100%;
                                height: 50px;
                                margin-bottom: 20px;
                                padding-left: 10px;
                                border: 1px solid #e0e4e7;
                                &:nth-child(2){
                                    width: 235px;
                                }
                            }
                            .phone-verify{
                                border: 1px solid #e0e4e7;
                                height: 50px;
                                width: 360px;
                                margin-bottom: 19px;
                                input{
                                    border: 0;
                                    width: 260px;
                                    height: 45px;
                                }
                                button{
                                    height: 48px;
                                    width: 93px;
                                    font-size: 12px;
                                    border-left:1px solid #e0e4e7;
                                    background: #fff;
                                }
                            }
                        }
                        input[type="button"]{
                            font-family: tahoma, arial, simsun, sans-serif;
                            background: #e8380d;
                            font-size: 20px;
                            color:#fff;
                            width: 360px;
                            height: 50px;
                            line-height: 50px;
                            border: 1px solid #e0e4e7;
                        }
                    }
                    .register-now{
                        color: #d5d5d5;
                        text-align: right;
                        a{
                            font-size: 14px;
                            color: #34383d;
                            margin-left: 5px;
                            &:first-child{
                                color: #e8380d;
                                margin-right: 10px;
                            }
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                    }
                    .third-login{
                        margin-top: 20px;
                        label{
                            float: left;
                            font-size: 14px;
                            color: #666;
                            padding-top: 4px;
                        }
                        a{
                            display: inline-block;
                            width: 28px;
                            height: 28px;
                            display: block;
                            float: left;
                            margin-left: 15px;
                        }
                        .qq{
                            background: url(../img/login/third_login.png)no-repeat -1px -1px;
                            &:hover{
                                background-position-y: -30px;
                            }
                        }
                        .alipay{
                            background: url(../img/login/third_login.png)no-repeat -88px -1px;
                             &:hover{
                                background-position-y: -30px;
                            }
                        }
                        .weixin{
                            background: url(../img/login/third_login.png)no-repeat -59px -1px;
                             &:hover{
                                background-position-y: -30px;
                            }
                        }
                        .weibo{
                            background: url(../img/login/third_login.png)no-repeat -30px -1px;
                             &:hover{
                                background-position-y: -30px;
                            }
                        }
                    }
                }
            }
        }
        footer{
            padding-bottom: 50px;
           .copyright{
               width: 1000px;
               margin: auto;
               p{
                   font-size: 12px;
                   color: #ccc;
                   a{
                        font-size: 12px;
                        color: #ccc;
                        &:hover{
                            color: #333;
                        }
                        padding-right:20px;
                   }
                   img{
                       height: 18px;
                       vertical-align: middle;
                   }
               }
           }
        }
    }
}

